<template>
    <div>
        <input type="button" value="发送post请求之无参数" @click="sendPost1()"><br>
        <input type="button" value="发送post请求之有参数" @click="sendPost2()">
    </div>
</template>
<script>
import axios from "axios";
import QS from "qs";
// window.QS=QS;
export default {
    data(){
        return{
            size:2,
            filmId:10003
        }
    },
    methods:{
        sendPost1(){
            axios.post("http://localhost/film-project/filmApi/loadFilms.php")
                .then((res)=>{
                    console.log(res);
                })
                .catch((error)=>{
                    console.log(error);
                })
        },
        sendPost2(){
            let formdata=new FormData();
            formdata.append("size",this.size);
            formdata.append("filmId",this.filmId);
            // axios.post("http://localhost/film-project/filmApi/loadFilms.php",null,{
            //     data:{
            //         size:3,
            //         filmId:10002
            //     },
            //     // data:"size=3",
            //     transformRequest(data,headers){
            //         // console.log(data,headers);
            //         let formdata=new FormData();
            //         for(let key in data){
            //             formdata.append(key,data[key]);
            //         }
            //         return formdata;
            //     }
            // })
            // axios.post("http://localhost/film-project/filmApi/loadFilms.php","size=3&filmId=10002")
            // axios.post("http://localhost/film-project/filmApi/loadFilms.php","size="+this.size+"&filmId="+this.filmId)
            // axios.post("http://localhost/film-project/filmApi/loadFilms.php",formdata)
            axios.post("http://localhost/film-project/filmApi/loadFilms.php",QS.stringify({
                size:4,
                filmId:10002
            }))
                .then((res)=>{
                    console.log(res);
                })
                .catch((error)=>{
                    console.log(error);
                })
        }
    }
}
</script>